<template>
  <div class="handled-list maincontainer">
    <div class="row clearfix">
      <div class="col1 ">
        <div class="input-label">手机号</div>
        <div class="input-box">
          <input type="text" class="search-input" v-model="searchCondition.mobile" @keyup="checknumber" maxlength="11">
        </div>
      </div>
      <div class="col1">
        <div class="input-label">关键词</div>
        <div class="input-box">
          <input type="text" class="search-input" v-model="searchCondition.keyword">
        </div>
      </div>
      <div class="col1">
        <div class="input-label">审核人</div>
        <div class="input-box">
          <input type="text" class="search-input" v-model="searchCondition.followManage">
        </div>
      </div>
      <div class="col1">
        <div class="input-label">发布栏目</div>
        <div class="input-box">
          <Select v-model="searchCondition.publishChannel">
            <Option v-for="item in dealWayList" :value="item.value" :key="item" placeholder="全部">{{ item.label }}</Option>
          </Select>
        </div>
      </div>
    </div>
    <div class="row clearfix">
      <div class="col">
        <div class="input-label">提交日期</div>
        <div class="input-box">
          <Date-picker  class="release-date" :value="searchCondition.createDate" format="yyyy/MM/dd" type="daterange" :editable="false" placement="bottom-start" placeholder="选择日期" @on-change="selectCreateDate"></Date-picker>
        </div>
      </div>
      <div class="col">
        <div class="input-label">审核日期</div>
        <div class="input-box">
          <Date-picker  class="release-date" :value="searchCondition.dealDate" format="yyyy/MM/dd" type="daterange" :editable="false" placement="bottom-start" placeholder="选择日期" @on-change="selectDealDate"></Date-picker>
        </div>
      </div>
      <div class="col" style="padding-left: 162px;">
        <div class="search-btn search"  @click="search(false)">查询</div>
        <div class="search-btn clear "  @click="reset()">清空</div>
      </div>
    </div>
    <div class="sort-time" v-if="reportList.length>0">
      <Checkbox class="search-checkout is-desc" v-model="isAsc">按发布时间正序排列</Checkbox>
    </div>
    <div class="allulitem" v-if="reportList.length>0">
        <div class="everyitem clearfix" v-for="item in reportList">
          <div class="leftimg fl">
            <img :src="item.showImgUrl" alt="首图地址">
          </div>
            <div class="rightcontent">
                <div class="line6"><span class="subjectname" @click.stop="goToSubject(item)" v-if="item.subjectName">{{item.subjectName}}</span>{{item.content.replace(/[\r\n]/g,' ')}}</div>
                <div class="contenttextdown clearfix">
                    <div class="col clearfix" style="padding-left: 0">
                        <div class="fl titlecolor">
                            <p>
                              手机号：
                            </p>
                            <p>
                              图片数量：
                            </p>
                            <p>
                              点赞数量：
                            </p>
                        </div>
                        <div class="fl contentcolor">
                          <p>
                            {{item.mobile}}
                            <i class="icon icon-authed" v-if="item.userType==1"></i>
                          </p>
                          <p>
                            {{item.totalImg}}张
                          </p>
                          <p>
                            {{item.praiseSum}}
                          </p>
                        </div>
                    </div>
                    <div class="col clearfix" style="padding-left: 0">
                      <div class="fl titlecolor">
                        <p>
                          提交时间：
                        </p>
                        <p>
                          审核通过时间：
                        </p>
                        <p>
                          评论数量：
                        </p>
                      </div>
                      <div class="fl contentcolor">
                        <p>
                          {{item.createTime}}
                        </p>
                        <p>
                          {{item.auditPassTime}}
                        </p>
                        <p>
                          {{item.commentSum}}
                        </p>
                      </div>
                    </div>
                    <div class="col clearfix " style="padding-left: 0">
                      <div class="fl titlecolor">
                        <p>
                          发布栏目：
                        </p>
                      </div>
                      <div class="fl contentcolor">
                        <p>
                          {{item.dealWay}}
                        </p>
                      </div>
                    </div>
                  </div>
                </div>
            <div class="list-btn-group">
              <div class="list-btn" @click="godetail(item.convId)">查看详情</div>
            </div>
            </div>

        </div>
        <div class="allulitem list-nodata" v-if="reportList.length==0">
          暂无数据
        </div>
        <div class="page" v-if="dataTotal>pageSize">
          <Page :total=dataTotal :pageSize=pageSize :current=pageNum @on-change="search" show-total>
          </Page>
        </div>
    <!--提示框-->
    <Modal class="warning-modal"
           v-model="showWarnModal"
           title="温馨提示"
           width="550"
           height="250"
    >
      <div class="warn-modal-body">
        <i class="modal-icon"></i>
        <p class="modal-content">{{warnContent}}</p>
      </div>
      <div slot="footer">
        <div class="warn-modal-footer">
          <span class="modal-close-btn" @click="closeModal">确定</span></div>
      </div>
    </Modal>
      </div>
</template>
<script>
  import index from  "./handled-list.js"
  export default index ;
</script>
<style >
  .handled-list{
    padding: 43px 30px 0;
  }
  .subjectname{
    margin-right: 10px;
    color: #3F94FC;
    cursor: pointer;
  }
</style>
